Ext.onReady(function()
{
    var store = new X.store.Json({
        url : '/presupuesto/ajax-listar',
        fields : [
            'codigoPresupuesto',
            'periodo',
            'montoInicialIngreso',
            'montoInicialEgreso'
        ]
    });

    new X.grid.GridPanel({

        id       : 'grid',
        title    : 'Lista de Presupuestos',
        height   : 393,
        width    : 560,
        store    : store,

        columns:[
            new X.column.Number({header: 'Periodo', dataIndex: 'periodo', width: 90}),
            new X.column.Money ({header: 'Monto Inicial de Ingresos',     dataIndex: 'montoInicialIngreso',  width: 180}),
            new X.column.Money ({header: 'Monto Inicial de Egresos',      dataIndex: 'montoInicialEgreso',   width: 180}),

            new X.column.Edit  ({editUrl    : '/presupuesto/editar',
                                 idColumn   : 'codigoPresupuesto'}),

            new X.column.Import({importUrl  : '/presupuesto/importar',
                                 idColumn   : 'codigoPresupuesto',
                                 msgName    : 'Presupuesto',
                                 msgNameCol : 'periodo'}),
                             
            new X.column.Delete({deleteUrl  : '/presupuesto/ajax-eliminar',
                                 idColumn   : 'codigoPresupuesto',
                                 msgName    : 'Presupuesto',
                                 msgNameCol : 'periodo'})
        ]
    });
});